﻿@model Domain.Signo

@{
    string nome ="";
    if(Model != null){
        ViewBag.Title = Model.Nome;
        nome = Model.Nome;
    }else{ 
        ViewBag.Title = "Signos";}
}

@section facebookMetaTags
{
    <meta property="og:title" content="@nome"/>
    <meta property="og:type" content="article"/>
    <meta property="og:url" content="@Request.Url"/>
    <meta property="og:description" content="Cantinho da cegonha - Signos"/>
    <meta property="og:image" content="http://www.cantinhodacegonha.com/content/images/cegonha_2.png"/>
    <meta property="og:site_name" content="Cantinho da cegonha"/>
    <meta property="fb:page_id" content="231110590236634"/>
}

<div class="leftCol">
@Html.Partial("_LeftMenu")
<div class="separator_green">
@Html.Partial("_PubVertical")
</div>
<div class="clear"></div>
</div>
<div class="centerCol">
@if (Model != null)
{
@Html.Partial("_Social")
<h1 style="text-align:center">@Model.Nome</h1>
<div style="margin:auto; background-image:url(&quot;../../Content/Images/zodiaac.png&quot;); width: 84px; height: 67px; background-position: @Model.Imagem"></div>
<div style="text-align:center">@Model.DiaInicial.ToString("dd/MM") a @Model.DiaFinal.ToString("dd/MM")</div>
<br />
<div>
<div style="margin-bottom:5px"><b>Elemento:</b></div>
<p> @Model.Elemento</p>
</div>
<div>
<div style="margin-bottom:5px"><b>Descrição:</b></div>
<p> @Model.Descricao</p>
</div>
<div>
<div style="margin-bottom:5px"><b>Cores:</b></div>
<ul>
@foreach (var item in Model.Cores)
{
        <li style="margin-bottom:5px;"><b>@item.Cor</b>: @item.Descricao</li>
}
</ul>
</div>
<br />
<br />
<br />
    <div class="separator" style="margin-bottom:5px"></div>
}
else { <h1 style="text-align:center">Signos do zodíaco</h1><div class="separator" style="margin-bottom:5px"></div> }
<br />
<div style="margin: auto; width: 375px;">
<div style="text-align: center; width: 89px; float: left;">
<a style=" display:block;background-image: url(&quot;../../Content/Images/zodiaac.png&quot;); height: 67px; width: 84px; background-position: -2px 145px;" href="/Tools/Signo?nome=Aquário" href="/Tools/Signo?nome=Aquário"></a>
<p><a href="/Tools/Signo?nome=Aquário"><b>Aquário</b></a><br />21/01 a 19/02</p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/zodiaac.png&quot;); height: 67px; width: 84px; background-position: -2px 74px;" href="/Tools/Signo?nome=Peixes" href="/Tools/Signo?nome=Peixes"></a>
<p><a href="/Tools/Signo?nome=Peixes"><b>Peixes</b></a><br />20/02 a 20/03</p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/zodiaac.png&quot;); height: 67px; width: 84px; background-position: 172px 0pt;" href="/Tools/Signo?nome=Carneiro"></a>
<p><a href="/Tools/Signo?nome=Carneiro"><b>Carneiro</b></a><br />21/03 a 20/04</p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/zodiaac.png&quot;); height: 67px; width: 84px; background-position: 170px 148px;" href="/Tools/Signo?nome=Touro"></a>
<p><a href="/Tools/Signo?nome=Touro"><b>Touro</b></a><br />21/04 a 21/05</p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/zodiaac.png&quot;); height: 67px; width: 84px; background-position: -2px 219px;" href="/Tools/Signo?nome=Gémeos"></a>
<p><a href="/Tools/Signo?nome=Gémeos"><b>Gémeos</b></a><br />22/05 a 21/06</p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/zodiaac.png&quot;); height: 67px; width: 84px; background-position: 92px 147px;" href="/Tools/Signo?nome=Caranguejo"></a>
<p><a href="/Tools/Signo?nome=Caranguejo"><b>Caranguejo</b></a><br />22/06 a 22/07</p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/zodiaac.png&quot;); height: 67px; width: 84px; background-position: 170px 219px;" href="/Tools/Signo?nome=Leão"></a>
<p><a href="/Tools/Signo?nome=Leão"><b>Leão</b></a><br />23/07 a 22/08</p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/zodiaac.png&quot;);  height: 67px;width: 84px; background-position: -2px 0pt;" href="/Tools/Signo?nome=Virgem"></a>
<p><a href="/Tools/Signo?nome=Virgem"><b>Virgem</b></a><br />23/08 a 23/09</p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/zodiaac.png&quot;); height: 67px; width: 84px; background-position: 91px 219px;" href="/Tools/Signo?nome=Balança"></a>
<p><a href="/Tools/Signo?nome=Balança"><b>Balança</b></a><br />24/09 a 23/10</p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/zodiaac.png&quot;); height: 67px; width: 84px; background-position: 93px 0pt;" href="/Tools/Signo?nome=Escorpião"></a>
<p><a href="/Tools/Signo?nome=Escorpião"><b>Escorpião</b></a><br />24/10 a 22/11</p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/zodiaac.png&quot;); height: 67px; width: 84px; background-position: -84px 74px;" href="/Tools/Signo?nome=Sagitário"></a>
<p><a href="/Tools/Signo?nome=Sagitário"><b>Sagitário</b></a><br />23/11 a 21/12</p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/zodiaac.png&quot;); height: 67px; width: 84px; background-position: 89px 74px;" href="/Tools/Signo?nome=Capricórnio"></a>
<p><a href="/Tools/Signo?nome=Capricórnio"><b>Capricórnio</b></a><br />22/12 a 20/01</p>
</div>
<div class="clear"></div>
@Html.Partial("_CompSignos")
</div>
</div>
<div class="rightCol">
@Html.Partial("_MyFamily")
        <div class="separator_green" style="margin-top:10px">
           @Html.Partial("_PubVideo")
        </div>
</div>
<div class="clear"></div>